<template>
  <div>
    <h1>{{ route.name }}</h1>
  </div>
</template>
<script>
import { useRoute, useRouter, currentRoute } from 'vue-router'
export default {
  setup() {
    const route = useRoute()
    const router = useRouter()

    return { route, router, currentRoute }
  },
  methods: {},
  mounted() {
    document.title = this.router.currentRoute.value.meta.title
  },
  watch: {},
  computed: {},
  filters: {},
  components: {}
}
</script>
<style scoped></style>